<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="../static/js/jquery.min.js" type="text/javascript"></script>
<script src="../static/js/bootstrap.min.js"  type="text/javascript"></script>
<script src="../static/js/jquery-ui.js"  type="text/javascript"></script><!--日历-->
<link href="../static/css/bootstrap.min.css"  type="text/css" rel="stylesheet">
<link href="../static/css/jquery-ui.css"  type="text/css" rel="stylesheet">
<link href="../static/css/index.css" type="text/css" rel="stylesheet">
<title>通知-事务交代</title>
</head>

<body>
<!--头部-->
<nav class="navbar navbar-default navbar-fixed-top  top" role="navigation">
  <div class="container-fluid">
  
        <div class="navbar-header" style=" width:100%;">
                  <a class="navbar-brand" href="javascript:history.go(-1);"  style=" width:100%;  padding-right:0px;">
                  
                   <span class="glyphicon glyphicon-arrow-left white"></span>
               <!--    <span class="glyphicon glyphicon-pause white" style="margin-left:2%;"></span>-->
                   <span class="white" style="margin-left:10%">事务交代</span>
                   <span class="glyphicon glyphicon-user white" style="float:right"></span>
                 
                 
                  </a>
          
        
        </div>

   
  
  </div><!-- /.container-fluid -->
</nav>
<!--头部 end-->
<!--主体部分-->

<div class="container" style="margin-top:70px;">

<div class="row" style="margin-top:10px;margin-bottom:20px;">
    <div class="col-sm-12 distance" >
      <div class="form-group">
        <div class="col-sm-10 ">
          
             <div class="col-xs-6"><a type="button" class="btn btn-default" href="transaction_account.html">校内事务</a> </div>
             <div class="col-xs-6"><a type="button" class="btn btn-primary" href="transaction_account2.html">上级通知</a></div>
        
        
        </div>
      </div>
    </div>
  </div>



  <!--row  end-->
  
  <div class="row" style="margin-top:10px;">
    <div class="col-sm-12 distance" >
      <div class="form-group">
        <label for="" class="col-sm-2 control-label">标题:</label>
        <div class="col-sm-10">
          <input type="text"  class="form-control ">
        </div>
      </div>
    </div>
    
    <div class="col-sm-12 distance" >
      <div class="form-group">
        <label for="" class="col-sm-2 control-label">上级部门:</label>
        <div class="col-sm-10">
         
         
          <select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
         
        </div>
      </div>
    </div>
     <div class="col-sm-12 distance" >
      <div class="form-group">
        <label for="" class="col-sm-2 control-label">开始时间:</label>
        <div class="col-sm-10">
          <input type="text"  class="form-control " id="datepicker">
        </div>
      </div>
    </div>
    <div class="col-sm-12 distance" >
      <div class="form-group">
        <label for="" class="col-sm-2 control-label">结束时间:</label>
        <div class="col-sm-10">
          <input type="text"  class="form-control " id="datepicker2">
        </div>
      </div>
    </div>
   
    <div class="col-xs-12  distance hierarchy2">
      <div class="form-group text-center" style="padding-top:0px;">
        <button type="button" class="btn btn-success absolutely">搜索</button>
      </div>
    </div>
  </div>
  <div class="row" style="margin-top:15px;margin-left:1px; margin-right:1px;">
    <table class="table table-striped table-bordered text-center"  id="middles">
      <tr>
        <td>标题</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>文档号</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>上级部门</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>下达时间</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>要求完成时间</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>附件</td>
        <td>关于今年做通知</td>
      </tr>
       <tr>
        <td>完成状态</td>
        <td>关于今年做通知</td>
      </tr>
       <tr>
        <td>内部完成时间</td>
        <td>关于今年做通知</td>
      </tr>
      <tr>
        <td>操作</td>
        <td ><a type="button" class="btn btn-success  " href="#" >已完成</a> <a type="button" class="btn btn-danger  " href="#" >删除</a>
          <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">未完成</button></td>
      </tr>
      
      <!-- Modal -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
              <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body">
           确定完成吗?
            </div>
            <!--modal-body-->
            <div class="modal-footer">
            
              <button type="button" class="btn btn-primary">保存</button>
            </div>
          </div>
        </div>
      </div>
      
      <!-- Modal  end -->
      
    </table>
  </div>
</div>
<!--container  end--> 

<!--主体部分  end--> 
<!--底部-->

<div class="container" style="margin-top:25%;">
  <div class="row">
    <div class="footer navbar-fixed-bottom">
      <div class="col-xs-12" style=" height:15%"></div>
      <div class="col-md-4  col-xs-4 text-center" >
        <p class="glyphicon glyphicon-home white footer_font"></p>
        <p><a href="" class="white  footer_font2">首页</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white  ">
        <p class="glyphicon glyphicon-comment white  footer_font"></p>
        <p><a href=""  class="white  footer_font2">消息</a></p>
      </div>
      <div class="col-md-4 col-xs-4 text-center white" >
        <p class="glyphicon glyphicon-asterisk white footer_font"></p>
        <p ><a href=""  class="white  footer_font2">设置</a></p>
      </div>
    </div>
    <!--footer  end--> 
    
  </div>
  <!--row  end--> 
  
</div>
<!--container  end--> 

<!--底部end--> 
<!--日历--> 
<script>
  $(function() {
    $( "#datepicker" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
	
	$( "#datepicker2" ).datepicker({
		
        changeMonth: true,
        changeYear: true
	  
    });
  });
  </script>
</body>
</html>
